<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:f="http://java.sun.com/jsf/core">
 <ui:composition template="templateEPA.xhtml">
  <ui:define name="Titulo">EPA - Exercícios</ui:define>
  <ui:define name="conteudo">
      <h:panelGrid columns="1">
          <h:outputText value="As frutas comestíveis estão presentes em muitas as ávores. O abacate é um bom exemplo. Selecione a imagem de um abacate entre as opções a seguir: "/>
          <h:outputText value="Escolha uma das alternativas abaixo"/>
          <h:selectOneRadio value="#{EPAControle.avaliacao.resposta}" layout="pageDirection">
              <h:panelGrid columns="1">
                  <f:selectItem itemLabel="" itemValue="1" >
                      <h:graphicImage value="../resource/flor.jpg" width="50" height="50"/>
                  </f:selectItem>
                  <f:selectItem itemLabel="" itemValue="2">
                      <h:graphicImage value="../resource/abacate.jpg" width="50" height="50"/>
                  </f:selectItem>
                  <f:selectItem itemLabel="" itemValue="3">
                      <h:graphicImage value="../resource/folha.jpg" width="50" height="50"/>
                  </f:selectItem>
                  <f:selectItem itemLabel="" itemValue="4">
                      <h:graphicImage value="../resource/sementes.jpg" width="50" height="50"/>
                  </f:selectItem>
                  <f:selectItem itemLabel="" itemValue="5">
                      <h:graphicImage value="../resource/ipe-amarelo.jpg" width="50" height="50"/>
                  </f:selectItem>
                  </h:panelGrid>
          </h:selectOneRadio>
      </h:panelGrid>
      <h:panelGrid columns="3" dir="RTL">
         <h:link></h:link>
         <h:link></h:link>
         <h:commandButton value="Responder" action="#{EPAControle.responder}"/>
      </h:panelGrid>
      <br/>
      <br/>
      <h:outputText value="#{EPAControle.msgExercicio}" rendered="#{EPAControle.exeRespondido}"/>


  </ui:define>
 </ui:composition>
</html>